{# message box, menu list --wangxi #}
<div class="navbar-custom-menu">

    <ul class="nav navbar-nav">

        {#<!-- Messages: style can be found in dropdown.less-->#}
        {#<li class="dropdown messages-menu">#}
            {#<a href="#" class="dropdown-toggle" data-toggle="dropdown">#}
                {#<i class="fa fa-envelope-o"></i>#}
                {#<span class="label label-success">&#123;&#35; how many message ? &#35;&#125;</span>#}
            {#</a>#}
            {#<ul class="dropdown-menu">#}
                {#<li class="header">You have 4 messages</li>#}
                {#<li>#}
                    {#<!-- inner menu: contains the actual data -->#}
                    {#<ul class="menu">#}
                        {#<li><!-- start message -->#}
                            {#<a href="#">#}
                                {#<div class="pull-left">#}
                                    {#<img src="{{ asset('img/user-avarta.jpg') }}" class="img-circle" alt="User Image" />#}
                                {#</div>#}
                                {#<h4>#}
                                    {#Support Team#}
                                    {#<small><i class="fa fa-clock-o"></i> 5 mins</small>#}
                                {#</h4>#}
                                {#<p>Why not buy a new awesome theme?</p>#}
                            {#</a>#}
                        {#</li><!-- end message -->#}
                    {#</ul>#}
                {#</li>#}
                {#<li class="footer"><a href="#">查看全部</a></li>#}
            {#</ul>#}
        {#</li>#}
        {#<!-- Notifications: style can be found in dropdown.less -->#}
        {#<li class="dropdown notifications-menu">#}
            {#<a href="#" class="dropdown-toggle" data-toggle="dropdown">#}
                {#<i class="fa fa-bell-o"></i>#}
                {#<span class="label label-warning"></span>#}
            {#</a>#}
            {#<ul class="dropdown-menu">#}
                {#<li class="header">You have 10 notifications</li>#}
                {#<li>#}
                    {#<!-- inner menu: contains the actual data -->#}
                    {#<ul class="menu">#}
                        {#<li>#}
                            {#<a href="#">#}
                                {#<i class="fa fa-users text-aqua"></i> 5 new members joined today#}
                            {#</a>#}
                        {#</li>#}
                    {#</ul>#}
                {#</li>#}
                {#<li class="footer"><a href="#">查看全部</a></li>#}
            {#</ul>#}
        {#</li>#}

        <li>
            <a href="javascript:void(0);"
               data-toggle="tooltip" id="btn-logout" title="退出" data-placement="bottom">
                <i class="fa fa-power-off"></i>
            </a>
        </li>

    </ul>
</div>